<template>
  <div>
      <Meta v-if="dataset.title!==undefined" pagealias="camnoticeshow" :custom_data="{title:dataset.title}" />
     <Head>校招详情</Head>
     <van-skeleton title :row="3" :loading="loading">
      <div class="news_titile">
        <p class="n_title_text1">{{dataset.title}}</p>
        <p class="n_title_text2">{{dataset.addtime | timeFilter}}</p>
      </div>
      <div class="news_info_text editor-content-view">
        <div v-html="dataset.content"></div>
      </div>
    </van-skeleton>

  </div>
</template>
<script>
import {parseTime} from '@/utils/index'
import http from '@/utils/http.js'
import api from '@/api'
export default{
  data () {
    return {
      notice_id: null,
      loading: true,
      dataset: {}
    }
  },
  created () {
    this.notice_id = this.$route.params.id
  },
  mounted () {
    this.getNoticeShow()
  },
  filters: {
    timeFilter (timestamp) {
      return parseTime(timestamp, '{y}-{m}-{d}')
    }
  },
  methods: {
    getNoticeShow () {
      http.get(api.campus_notice_show, {id: this.notice_id}).then((res) => {
        this.dataset = res.data.info
        if (this.dataset) {
          this.loading = false
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.van-skeleton{
  padding: 30px 15px 20px ;
}
.news_titile{
  margin: 25px 11px 0 11px;

}
.news_titile .n_title_text1{
  color:#25242c;
  font-size: 20px;
  margin-bottom: 12px;
}

.news_titile .n_title_text2{
  color:#444444;
  font-size: 14px;
  margin-bottom: 27px;
}

.news_info_text{
  color: #444444;
  font-size: 14px;
  margin: 0 12px 0 11px;
  line-height: 26px;
  word-break: break-word;
}
</style>
